.login-entry{
	position: relative;
	width: 100vw;
	height: 100vh;
	// box-sizing: border-box;
	.logo-wrapper{
       position: absolute;
	   /* #ifdef H5 */
	   top: 6%;
	   /* #endif */
	   top:23%;
	   left: 50%;
	   transform: translateX(-50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		.logo{
			width: 200rpx;
			height: 200rpx;
		}
	}
	.tip-title{
		position:absolute;
		/* #ifdef H5 */
		top: 27.8%;
		/* #endif */
		top: 38.6%;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		font-size: 36rpx;
		font-family: $global-font-family;
		font-weight: bold;
		color: #333333;
	}
	.login-btn-wrapper{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		/* #ifdef H5 */
		top:52%;
		/* #endif */
		top: 63.5%;
		display: flex;
		flex-direction: column;
		align-items: center;
		.vcode-login-btn{
			margin-top: 32rpx;
			font-size: 32rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #6E6E73;
			height: 44rpx;
			line-height: 44rpx;

		}
	}
	.other-login-entry{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		/* #ifdef H5 */
		top:78%;
		/* #endif */
		top: 88.7%;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		.entry-item{
			width: 120rpx;
			height: 34rpx;
			font-size: 24rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #333333;
			line-height: 34rpx;
			position: relative;
			text-align: center;
			&::after{
				content: "";
				position: absolute;
				top: 50%;
				left: 0;
				 transform: translateY(-50%);
				width: 100%;
				height: 28rpx;
				border-right: 2rpx #333 solid;
			}
			&:last-of-type{
				&::after{
					border-right: none;
				}
			}
		}
	}
}